﻿.main
{
    width:100%;
    }

.titlehead
{
     text-align:center;
     padding:20px 0;
     }
.main .titlehead #backup_title
{
    }
.main .work_area
{
    padding:0 30px;
    }
.main .work_area .new_backup
{
    }
.main .head_tip
{
    height:25px;
    background-color:#032C4A;
    color:white;
    text-align:left;
    font-family:幼圆;
    font-size:20px;
    font-weight:bold;
    line-height:25px;
    padding:5px 20px;
    }
    
.main .work_area .new_backup .backup_info
{
    padding:10px 100px;
    }
.main .work_area .new_backup .backup_info .leftinfo
{
    float:left;
    line-height:40px;
    }
.main .work_area .new_backup .backup_info .leftinfo .backup_name
{}
.main .work_area .new_backup .backup_info .leftinfo .backup_name #input_name
{
    width:150px;
    }
.main .work_area .new_backup .backup_info .leftinfo .backup_date
{}
.main .work_area .new_backup .backup_info .leftinfo .backup_date #input_date
{
    background-color:#CCCCCC;
    width:150px;
    color:#668B8B;
    }
.main .work_area .new_backup .backup_info .leftinfo .backup_manager
{}
.main .work_area .new_backup .backup_info .leftinfo .backup_manager #input_manager
{
    background-color:#CCCCCC;
    width:150px;
    color:#668B8B;
   }
.main .work_area .new_backup .backup_info .tip_label
{
    display:inline-block;
    width:90px;
    font-weight:bolder;
    color:#253C63;
    }
.main .work_area .new_backup .backup_info .rightinfo
{
    float:left;
    margin-left:30px;
    }
.main .work_area .new_backup .backup_info .rightinfo .backup_remark
{
    margin-top:13px;
    }
.main .work_area .new_backup .backup_info .rightinfo .backup_remark .tip_label
{
    float:left;
    }
.main .work_area .new_backup .backup_info .rightinfo .backup_remark .remark
{
    resize:none;
    _resize:none;
    height:50px;
    width:200px;
    padding:2px;
    }
.main .work_area .new_backup .backup_info .rightinfo .backup_btn
{
    margin:13px 0;
    text-align:right;
    }
.main .work_area .new_backup .backup_info .rightinfo .backup_btn #backup
{
    background:url("../../Content/themes/picture/backup_btn.png") no-repeat scroll 0 0 transparent;
    margin:0;
    padding:0;
    border:medium none;
    width:140px;
    height:40px;
    cursor:pointer;
    }
.main .work_area .new_backup .backup_info .rightinfo .backup_btn #backup:hover
{
    background:url("../../Content/themes/picture/backup_btn_hover.png") no-repeat scroll 0 0 transparent;
    margin:0;
    padding:0;
    border:medium none;
    width:140px;
    height:40px;
    cursor:pointer;
    color:#E0E0E0;
    }
.main .work_area .backup_record
{}
.main .work_area .backup_record #backup_list
{
    text-align:center;
    padding:15px;
    }
.main .work_area .backup_record #backup_list .backup_table
{
    display:inline-table;
    width:80%;
    border-collapse:collapse;
    }   

.main .work_area .backup_record #backup_list .backup_table tr
{
    border-bottom:2px solid #A6AAAE;
    font-family:新宋体 方正姚体 幼圆;
    font-size:13px;
    }
.main .work_area .backup_record #backup_list .backup_table #tr_head
{
    color:#253C63;
    font-weight:bolder;
    font-family:幼圆;
    font-size:18px;
    }
.main .work_area .backup_record #backup_list .backup_table .hide_file
{
    display:none;
    }    
.main .work_area .backup_record #backup_list .backup_table tr #th1
{
    width:20%;
    text-align:center;
    }   
.main .work_area .backup_record #backup_list .backup_table tr #th2
{
     width:25%;
    text-align:center;
   } 
.main .work_area .backup_record #backup_list .backup_table tr #th3
{
    width:35%;
    text-align:center;
    } 
.main .work_area .backup_record #backup_list .backup_table tr #th4
{
    width:10%;
    text-align:center;
    } 
.main .work_area .backup_record #backup_list .backup_table tr #th5
{
    width:10%;
    text-align:center;
    }  
.main .work_area .backup_record #backup_list .backup_table tr .restore
{
    background:url("../../Content/themes/base/DMSource/tablebutton.png") no-repeat scroll 0 0 transparent;
    margin:0;
    padding:0;
    border:medium none;
    width:50px;
    height:25px;
    cursor:pointer;
    color:White;
    font-weight:bolder;
    }
.main .work_area .backup_record #backup_list .backup_table tr .delete
{
    background:url("../../Content/themes/base/DMSource/tablebutton.png") no-repeat scroll 0 0 transparent;
    margin:0;
    padding:0;
    border:medium none;
    width:50px;
    height:25px;
    cursor:pointer;
    color:White;
    font-weight:bolder;
   }
.main .work_area .backup_record #backup_list .backup_table tr .restore:hover
{
    background:url("../../Content/themes/base/DMSource/tablebutton3.png") no-repeat scroll 0 0 transparent;
    margin:0;
    padding:0;
    border:medium none;
    width:50px;
    height:25px;
    cursor:pointer;
    color:#EAEAEA;
    font-weight:bolder;
    }
.main .work_area .backup_record #backup_list .backup_table tr .delete:hover
{
    background:url("../../Content/themes/base/DMSource/tablebutton3.png") no-repeat scroll 0 0 transparent;
    margin:0;
    padding:0;
    border:medium none;
    width:50px;
    height:25px;
    cursor:pointer;
    color:#EAEAEA;
    font-weight:bolder;
   }   
   
body
{
    margin: 0;
    line-height: 100%; 
    }
.background
{
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0.4;
    filter: alpha(opacity=40);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
    background:url("../../Content/themes/picture/background.png") repeat scroll 0 0 transparent;
   }          
.backup_loding
{
    width:250px;
    text-align:center;
    position: fixed;
    top: 30%;
    left: 50%;
    margin-left: -70px;
    margin-top: -14px;
    line-height: 20px; 
    position: absolute;
    z-index: 2001;
    }
.backup_loding .barbox
{
    padding:30px 80px;
}
.backup_loding p
{
    display:inline-block;
    font-size:20px;
    padding-bottom:25px;
    font-weight:bolder;
    color:#104E8B;
    font-family:隶书;
    }      
.backup_loding .barbox .barlittle 
{
	background-color:#2187e7;  
	background-image: -moz-linear-gradient(45deg, #2187e7 25%, #a0eaff); 
	background-image: -webkit-linear-gradient(45deg, #2187e7 25%, #a0eaff);
	border-left:1px solid #111; border-top:1px solid #111; border-right:1px solid #333; border-bottom:1px solid #333; 
	width:10px;
	height:10px;
	float:left;
	margin-left:5px;
    opacity:0.1;
	-moz-transform:scale(0.7);
	-webkit-transform:scale(0.7);
	-moz-animation:move 1s infinite linear;
	-webkit-animation:move 1s infinite linear;
}
.backup_loding .barbox #block_1
{
 	-moz-animation-delay: .4s;
	-webkit-animation-delay: .4s;
 }
.backup_loding .barbox #block_2
{
 	-moz-animation-delay: .3s;
	-webkit-animation-delay: .3s;
}
.backup_loding .barbox #block_3
{
 	-moz-animation-delay: .2s;
	-webkit-animation-delay: .2s;
}
.backup_loding .barbox #block_4
{
 	-moz-animation-delay: .3s;
	-webkit-animation-delay: .3s;
}
.backup_loding .barbox #block_5
{
 	-moz-animation-delay: .4s;
	-webkit-animation-delay: .4s;
}
@-moz-keyframes move{
	0%{-moz-transform: scale(1.2);opacity:1;}
	100%{-moz-transform: scale(0.7);opacity:0.1;}
}
@-webkit-keyframes move{
	0%{-webkit-transform: scale(1.2);opacity:1;}
	100%{-webkit-transform: scale(0.7);opacity:0.1;}
}